<html>
  <head>
    <style>
      body {
        margin: 0;
        padding: 0;
      }
      .container {
        height: auto;
        min-height: 100%;
        display: grid;
        /* grid-column: auto; */
        grid-template-columns: 300px auto 200px;
        /* grid-template-columns: repeat(20, 60px [col-start]); */
        grid-template-rows: 100px 200px auto 300px;
        gap: 30px 20px;
      }
    </style>
  </head>
  <body>
    <div class="container">
      <div>grid part 1</div>
      <div>grid part 2</div>
      <div>grid part 3</div>
      <div>grid part 4</div>
      <div>grid part 5</div>
      <div>grid part 6</div>
      <div>grid part 7</div>
      <div>grid part 8</div>
      <div>grid part 9</div>
      <div>grid part 10</div>
      <div>grid part 11</div>
      <div>grid part 12</div>
      <div>grid part 13</div>
      <div>grid part 14</div>
      <div>grid part 15</div>
    </div>
  </body>
</html>
